/*banner*/
.banner{ overflow: hidden; position: relative;}
.banner img{ width: 100%;}
.banner .swiper-pagination-bullet{ width: 16px; height: 16px;}
.banner .swiper-button-prev, .banner .swiper-button-next {--swiper-navigation-size: 60px;}
.banner .swiper-button-prev{ left: 60px;}
.banner .swiper-button-next{ right: 60px;}

/*公共样式*/
.main-body .modular:nth-child(2n){ background-color: #f6f6f6;}
.modular{ padding: 60px 0; box-sizing: border-box;}
/*模块标题*/
.column-title{ width: 100%; float: left; display: flex; flex-direction: column; align-items: center; font-weight: bold;}
.column-title p{ font-size: 32px; position: relative; display: flex; flex-direction: column; align-items: center;}
.column-title p::after{content: ""; display: block; width: 60px; height: 2px; background-color: #0571ba; margin-top: 10px;}
.column-title span{ color: #a7a7a7; margin-top: 10px;}
/*按钮*/
.gb-button1{ width: 100%; float: left; display: flex; justify-content: center; margin-top: 50px;}
.gb-button1 a{ width: 300px; height: 50px; background-color: #0571ba; color: #ffffff; font-size: 18px; font-weight: bold; border-radius: 25px; display: flex; justify-content: center; align-items: center;}
/*当前位置*/
.cposition{ width: 100%; height: 65px; line-height: 65px; float: left;}
.cposition.bor-dc{ border-bottom: 1px solid #dcdcdc;}
/*框架*/
.frame{ width: 100%; float: left; display: flex; justify-content: space-between;}
.frame-left{ width: 255px; float: left; margin-right: 30px; box-sizing: border-box;}
.frame-left .title{ width: 100%; height: 90px; float: left; background-color: #097cd9; padding-left: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; color: #ffffff;  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);}
.frame-left .title p{ font-size: 24px; font-weight: bold;}
.frame-left .title span{ margin-top: 5px;}
.frame-left .nav{ width: 100%; float: left; border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box;  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);}
.frame-left .nav .li{ width: 100%; float: left; background-color: #f1f1f1; border-bottom: 1px solid #fff; font-size: 16px;}
.frame-left .nav .li:last-child{ border-bottom: 0;}
.frame-left .nav .li a{ width: 100%; height: 60px; float: left; color: #666; display: flex; align-items: center; padding-left: 45px; box-sizing: border-box;}
.frame-left .nav .li a.current{ background: url(../images/ico07.png) no-repeat 30px center; color: #097cd9;}
.frame-left .nav .li a:hover{ background: url(../images/ico07.png) no-repeat 30px center; color: #097cd9;}
.frame-right{ width: 915px; float: right; flex: 1;}
.frame-right .frame-title{ width: 100%; height: 54px; float: left; border-bottom: 2px solid #a4a4a4; position: relative;}
.frame-right .frame-title p{ width: 220px; float: left; font-size: 18px; height: 54px; color: #666; font-weight: bold; border-bottom: 2px solid #0571ba; position: absolute; display: flex; align-items: center; background: url(../images/ico08.jpg) no-repeat left center; padding-left: 20px;}

/*首页*/
.home .about{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 30px;}
.home .about .img{ width: 575px; height: auto; overflow: hidden; margin-right: 30px; }
.home .about .img img{ width: 100%;}
.home .about .text{ width: 100%; float: left; flex: 1;}
.home .about .text .title{ width: 100%; float: left; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.home .about .text .title::after{content: ""; display: block; width: 30px; height: 3px; background-color: #0571ba; margin-top: 10px;}
.home .about .text p{ width: 100%; float: left; line-height: 28px; text-indent: 2em;}
.home .product{ width: 100%; float: left; margin-top: 30px;}
.home .product-column{ width: 100%; float: left; display: flex; justify-content: space-between; border-bottom: 1px solid #0571ba;}
.home .product-column a{ width: 100%; height: 46px; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold;}
.home .product-column a.current{ background-color: #0571ba; color: #ffffff;}
.home .product .list{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap;}
.home .product .list .li{ width: 390px; float: left; margin-right: 15px; margin-top: 15px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); border: 1px solid #dcdcdc; box-sizing: border-box;}
.home .product .list .li:nth-child(3n){ margin-right: 0;}
.home .product .list .li .img{ width: 100%; float: left;}
.home .product .list .li .img img{ width: 100%;}
.home .product .list .li .text{ width: 100%; height: 150px; float: left; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; padding: 0 20px; box-sizing: border-box;}
.home .product .list .li .text .p1{ font-size: 18px; font-weight: bold; margin-top: 20px;}
.home .product .list .li .text .p2{ color: #999999; margin-top: 15px; line-height: 24px;}
.home .product .li:hover{ border: 1px solid #097cd9;}
.home .product .li:hover .text .p1 a{ color: #097cd9;}
.home .advantage{ width: 100%; float: left; margin-top: 30px;}
.home .advantage .desc{ width: 100%; font-size: 20px; color: #7a7a7a; text-align: center;}
.home .advantage .list{ width: 100%; float: left; margin-top: 40px; display: flex; justify-content: space-between;}
.home .advantage .list .li{ width: 290px; height: 260px; border: 1px solid #097cd9; border-radius: 10px; margin-right: 13px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px;}
.home .advantage .list .li:nth-child(4n){ margin-right: 0;}
.home .advantage .list .li .p1{ font-size: 18px; font-weight: bold; color: #097cd9; margin-top: 20px;}
.home .advantage .list .li .p2{ margin-top: 20px;}
.home .news{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 30px;}
.home .news .li{ width: 390px; margin-right: 15px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); border: 1px solid #dcdcdc; box-sizing: border-box;}
.home .news .li:nth-child(3n){ margin-right: 0;}
.home .news .li .img{ width: 100%; max-height: 260px; float: left; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.home .news .li .img img{ width: 100%; transition: transform .3s;}
.home .news .li .text{ width: 100%; height: 220px; float: left; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; padding: 0 20px; box-sizing: border-box; position: relative;}
.home .news .li .text .p1{ width: 100%; font-size: 18px; font-weight: bold; margin-top: 20px;}
.home .news .li .text .p2{ width: 100%; color: #999999; margin-top: 15px; line-height: 24px;}
.home .news .li .text .p3{color: #999999; position: absolute; bottom: 10px; left: 20px; }
.home .news .li:hover{ border: 1px solid #097cd9;}
.home .news .li:hover .img img{ transform:scale(1.1);}
.home .news .li:hover .text .p1 a{ color: #097cd9;}
.cooperate{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.cooperate .li{ width: 230px; height: 120px; border: 1px solid #dcdcdc; box-sizing: border-box; margin-bottom: 14px; display: flex; align-items: center; justify-content: center;}

/*产品中心*/
.main-body.product{ padding-bottom: 80px;}
.product .frame-right .list{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product .frame-right .list .li{ width: 295px; float: left; margin-right: 15px; margin-top: 15px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); border: 1px solid #dcdcdc; box-sizing: border-box; }
.product .frame-right .list .li:nth-child(3n){ margin-right: 0;}
.product .frame-right .list .li .img{ width: 100%; float: left;}
.product .frame-right .list .li .img img{ width: 100%;}
.product .frame-right .list .li .text{ width: 100%; height: 150px; float: left; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; padding: 0 20px; box-sizing: border-box;}
.product .frame-right .list .li .text .p1{ font-size: 18px; font-weight: bold; margin-top: 20px;}
.product .frame-right .list .li .text .p2{ color: #999999; margin-top: 15px; line-height: 24px;}
.product .frame-right .list .li:hover{ border: 1px solid #097cd9;}
.product .frame-right .list .li:hover .p1 a{ color: #097cd9;}

/*产品中心-详情*/
.main-body.product-show{ padding-bottom: 80px;}
.product-show .modular1{ width: 100%; float: left; display: flex; justify-content: center; }
.product-show .modular1 .img{ width: 400px; float: left; border: 1px solid #dcdcdc; box-sizing: border-box; margin-right: 30px;}
.product-show .modular1 .img img{ width: 100%;}
.product-show .modular1 .text{ width: 100%; float: right; display: flex; flex-direction: column; flex: 1; position: relative; padding-bottom: 60px;}
.product-show .modular1 .text h1{ height: 55px; border-bottom: 1px solid #dcdcdc; font-size: 24px; display: flex; align-items: center;}
.product-show .modular1 .text .t1{ height: 55px; border-bottom: 1px solid #dcdcdc; font-size: 20px; color: #666; display: flex; align-items: center; margin-bottom: 12px;}
.product-show .modular1 .text p{ font-size: 16px; color: #666;  background: url(../images/ico09.png) no-repeat left 10px; line-height: 28px; padding-left: 20px; }
.product-show .modular1 .text p:hover{ background: url(../images/ico07.png) no-repeat left 10px;}
.product-show .modular1 .text .button{ position: absolute; right: 0; bottom: 0; display: flex;}
.product-show .modular1 .text .button a{ width: 120px; height: 52px; border: 2px solid #097cd9; border-radius: 10px; box-sizing: border-box; font-size: 16px; color: #097cd9; display: flex; justify-content: center; align-items: center;}
.product-show .modular1 .text .button a:hover{ background-color: #097cd9; color: #fff;}
.product-show .modular1 .text .button .a1{ margin-right: 10px;}
.product-show .modular2{ width: 100%; float: left; margin-top: 80px;}
.product-show .modular2 .title{ width: 100%; float: left; border-bottom: 1px solid #dcdcdc; display: flex; flex-direction: column; align-items: center; padding-bottom: 20px;}
.product-show .modular2 .title p{ font-size: 30px;}
.product-show .modular2 .title span{ font-size: 16px; color: #666; margin-top: 5px;}
.product-show .modular2 .img{ width: 100%; float: left; margin-top: 20px;}
.product-show .modular2 .img img{ width: 100%;}
.product-show .correlation{ width: 100%; float: left; margin-top: 40px;}
.product-show .correlation .title{ width: 100%; height: 54px; float: left; border-bottom: 1px solid #dcdcdc; position: relative;}
.product-show .correlation .title p{ width: 220px; float: left; font-size: 18px; height: 54px; font-weight: bold; display: flex; align-items: center; background: url(../images/ico08.jpg) no-repeat left center; padding-left: 20px;}
.product-show .correlation .list{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
.product-show .correlation .list .li{ width: 290px; float: left; margin-top: 15px; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); border: 1px solid #dcdcdc; box-sizing: border-box; }
.product-show .correlation .list .li .img{ width: 100%; float: left;}
.product-show .correlation .list .li .img img{ width: 100%;}
.product-show .correlation .list .li .text{ width: 100%; height: 60px; float: left; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; padding: 0 20px; box-sizing: border-box;}
.product-show .correlation .list .li .text .p1{ font-size: 18px; font-weight: bold; margin-top: 20px;}
.product-show .correlation .list .li:hover{ border: 1px solid #097cd9;}
.product-show .correlation .list .li:hover .p1 a{ color: #097cd9;}

/*解决方案*/
.programme .modular1{ width: 100%; float: left; display: flex; margin-top: 20px;}
.programme .modular1 .li{ width: 390px; height: 390px; border: 1px solid #dcdcdc; box-sizing: border-box; border-radius: 10px; margin-top: 15px; position: relative; margin-right: 15px; overflow: hidden;}
.programme .modular1 .li:nth-child(3n){ margin-right: 0;}
.programme .modular1 .li .img{ width: 100%; display: flex; justify-content: center; align-items: center;}
.programme .modular1 .li img{ width: 100%; transition: transform .6s;}
.programme .modular1 .li p{ width: 100%; height: 50px; background-color: #0571ba; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 18px; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.programme .modular1 .li:hover{ border: 1px solid #097cd9;}
.programme .modular1 .li:hover img{transform:scale(1.1);}

/*服务与支持*/
.service .modular1{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px;}
.service .modular1 .li{ width: 390px; height: 420px; border: 1px solid #dcdcdc; box-sizing: border-box; border-radius: 10px; padding:20px; display: flex; flex-direction: column; align-items: center; margin-top: 15px;}
.service .modular1 .li img{ margin-top: 30px;}
.service .modular1 .li p{ width: 100%; box-sizing: border-box;}
.service .modular1 .li .p1{ font-size: 20px; font-weight: bold; color: #097cd9; text-align: center; margin-top: 15px;}
.service .modular1 .li .p2{ color: #999; line-height: 22px; margin-top: 10px;}
.service .modular1 .li .p3{ color: #999; margin-top: 10px; background: url(../images/ico07.png) no-repeat 0 5px; padding-left: 18px;}
.service .modular1 .li:hover{ border: 1px solid #097cd9;}

/*新闻资讯*/
.main-body.news{ padding-bottom: 80px;}
.news .frame-right .list{ width: 100%; float: left;}
.news .frame-right .list .li{ width: 100%; float: left; border: 1px solid #dcdcdc; padding: 10px; box-sizing: border-box; margin-top: 20px; display: flex;}
.news .frame-right .list .li .img{ width: 260px; height: 200px; overflow: hidden; display: flex; justify-content: center; align-items: center;  margin-right: 25px;}
.news .frame-right .list .li .img img{transition: transform .6s;}
.news .frame-right .list .li .text{ width: 100%; float: left; flex: 1; position: relative; padding-bottom: 26px;}
.news .frame-right .list .li .text .p1{ font-size: 18px; font-weight: bold; margin-top: 10px;}
.news .frame-right .list .li .text .p2{ color: #999; line-height: 26px; margin-top: 10px;}
.news .frame-right .list .li .text .p3{ font-size: 12px; color: #999; position: absolute; right: 5px; bottom: 5px;}
.news .frame-right .list .li:hover{ border: 1px solid #097cd9;}
.news .frame-right .list .li:hover .p1 a{ color: #097cd9;}
.news .frame-right .list .li:hover .img img{ transform:scale(1.1);}

/*新闻资讯-详情*/
.news-show .title{ width: 100%; float: left; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-top: 60px;}
.news-show .title h1{ font-size: 30px; text-align: center;}
.news-show .title p{ color: #999; display: flex; justify-content: center; margin-top: 20px;}
.news-show .title p span{ margin: 0 10px;}
.news-show .content{ width: 100%; float: left; padding: 30px 0; border-bottom: 1px solid #dcdcdc;}
.news-show .content p{ font-size: 16px; color: #333; line-height: 30px; margin-top: 10px; text-indent: 2em;}
.news-show .content img{ max-width: 100%; margin: 0 auto;}

/*关于我们*/
.about .modular1{ width: 100%; float: left; margin-top: 30px;}
.about .modular1 .img{ width: 100%; float: left; display: flex; justify-content: center;}
.about .modular1 .img img{ max-width: 100%;}
.about .modular1 .text{ width: 100%; float: left; margin-top: 30px;}
.about .modular1 .text .t{ width: 100%; float: left; font-size: 20px; font-weight: bold; margin-bottom: 20px; position: relative; padding-left: 15px;}
.about .modular1 .text .t::after{content: ""; display: block; width: 4px; height: 24px; background-color: #0571ba; position: absolute; left: 0; top: 2px;}
.about .modular1 .text p{ font-size: 16px; text-indent: 2em; line-height: 30px; margin-top: 5px;}
.about .modular2{ width: 100%; float: left; display: flex; justify-content: center; margin-top: 30px;}
.about .modular2 .li{ width: 160px; margin: 0 80px; display: flex; flex-direction: column; align-items: center; }
.about .modular2 .li .t{ width: 100%; height: 160px; float: left; background-color: #097cd9; border-radius: 50%; font-size: 36px; font-weight: bold; color: #fff; display: flex; justify-content: center; align-items: center;}
.about .modular2 .li p{ margin-top: 15px; font-size: 16px; line-height: 28px;}

/*联系我们*/
.contact .message{ width: 100%; float: left; display: flex; justify-content: center; margin-top: 20px;}
.contact .message .form{ width: 780px;}
.contact .message .form .li{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 20px;}
.contact .message .form .li input{ width: 47%; height: 48px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 0 15px; box-sizing: border-box; font-size: 14px;}
.contact .message .form .li input:focus{ border: 1px solid #097cd9;}
.contact .message .form .li textarea{ width: 100%; height: 120px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 15px; box-sizing: border-box; font-size: 14px;}
.contact .message .form .li textarea:focus{ border: 1px solid #097cd9;}
.contact .message .form .li button{ width: 100%; height: 60px; background-color: #097cd9; font-size: 16px; color: #fff; font-weight: bold; border-radius: 10px; cursor: pointer; }
.contact .lxfs{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 40px; }
.contact .lxfs .address{ width: 460px; margin-right: 20px; margin-top: 10px;}
.contact .lxfs .address p{ font-size: 16px; line-height: 30px;}
.contact .lxfs .address .p1{ font-size: 22px; font-weight: bold; margin-bottom: 15px; position: relative;}
.contact .lxfs .address .p1::after{content: ""; display: block; width: 30px; height: 3px; background-color: #0571ba; margin-top: 10px;}
.contact .lxfs .map{ width:100%; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.contact .lxfs .map iframe{ width: 100%; height: 260px; border: none; overflow: hidden;}